<template>
    <div class='cont-page'>
        <Unitary v-for="item in List" :key="item.id" :obj="item" />
    </div>
</template>

<script>
import Unitary from './Only-foot.vue'
export default {
    name: 'cont-page',
    /**
    * 定义组件的data函数，用于声明组件内部的状态。
    * 
    * @returns {Object} 返回一个对象，其中包含组件内部的状态。这些状态将在组件的生命周期内被管理和使用。
    */
    // data() {
    //     return {
    //     }
    // },

    props: ['List'],
    // props: {
    //     // List: Array,
    // },
    components: {
        Unitary
    }
}
</script>

<style scoped>
.cont-page {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 1200px;
    margin: 0 auto;
    /* border: 1px solid #ccc; */
}
</style>